<template>
  <div class="panel-right-1">
    <div class="serviceTimesBox">
      <div class="tit">{{cTitle}}</div>
      <ul style="margin-bottom: 0">
        <li
          v-for="(item, index) in servicesNumsData"
          :key="index"
          :style="
            (index + 1) % 3 === 0 ? 'margin-right: 10px' : 'margin-right: 5px;'
          "
        >
          {{ item }}
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {
      cTitle: {
          type: String,
          default: ""
      },
      servicesNumsData: {
          type: Array,
          default: () => []
      }
  },
  data() {
    return {
     
    };
  },
  watch: {},
  methods: {
    
  },
  created() {},
  mounted() {
    this.$nextTick(() => {
        
    });
  },
};
</script>
<style lang='scss' scoped>
// 服务次数
.panel-right-1 {
  height: 90px;
  margin-bottom: 15px;

  .serviceTimesBox {
    overflow: hidden;
    padding: 20px 0;

    .tit {
      font-size: 25px;
      font-family: Source Han Sans CN;
      font-weight: bold;
      float: left;
      margin: 10px 20px 10px 0;
    }
    ul {
      overflow: hidden;
      margin-bottom: 20px;
      float: left;
    }
    ul li {
      float: left;
      width: 36px;
      height: 56px;
      background: #002870;
      font-size: 36px;
      font-family: Source Han Sans CN;
      font-weight: bold;
      color: #00fff0;
      text-align: center;
      margin-right: 5px;
    }
  }
}
</style>